<template>
  <div class="height100 flex flex_d bg_fff" :class="is_close?'close_nav':''">
    <!-- <div class="common_tt flex_ac">
      <a href="javascript:;" @click="$router.go(-1);" class="back"><img src="@/assets/back.png" alt=""></a>
      <div class="title pad_lr20">{{title}}</div>
    </div> -->
    <div class="flex1 flex flex_d" >
      <!-- <div class="pro_nav height100">
        <Pronav2 />
        <img src="@/assets/close.png" @click="is_close=!is_close" class="close" alt="">
      </div> -->
      <div class="flex_s pad_lr30">

        <el-form ref="queryForm"  label-width="104px">
          <el-row class="flex_ac">
            <!-- <FormItem label="题目名称" class="bg_form_item" type="input" :form="queryParams" @keyenter="handleQuery" prop="keywords" clearable />
            <div class="search_btns">
              <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
              <el-button icon="el-icon-refresh"  @click="resetQuery">重置</el-button>
            </div> -->
            <div class="f16 pad_tb20"><span class="color">题库模板</span> / 预览答题</div>
            <!-- <div class="flex_ac margin_a">
              <el-popover
                placement="left"
                width="213"
                trigger="hover" v-model="show_ans">
                <div class="tab_ans_list flex flex_w">
                  <a href="javascript:;" v-for="(item,index) in list" @click="to_ans(index)" :key="index"><div>{{index+1}}</div></a>
                </div>
                <el-button type="primary" slot="reference" >快速导航</el-button>
              </el-popover>
            </div> -->
            <div class="flex_ac margin_a">
              <el-button type="primary" :loading="is_ajax" @click="try_submit">模拟提交</el-button>
            </div>
          </el-row>
        </el-form>
        <!-- <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane :label="item.title" :name="item.id+''" v-for="(item,index) in cate" :key="index"></el-tab-pane>
        </el-tabs> -->
      </div>
      <div class="flex1 page_div js_page_div" >
        <el-scrollbar class="page_div_scroll" ref="scrollbar">
          <answerform ref="answerform" />
        </el-scrollbar>
      </div>
    </div>

  </div>
</template>

<script>
import answerform from "./answer_form.vue";
export default {
  name: 'shopList',
  components: {answerform},
  data () {
    return {
      is_close:false,
      is_ajax:false
    }
  },
  created() {
    this.id=this.$route.query.id || '';
    this.title=this.$route.query.title || '';
    this.$nextTick(()=>{
      this.$refs.answerform.init({id:this.id,title:this.title})
    })
  },
  methods:{
    try_submit(){
        this.$refs.answerform.try_submit()
    }
  }
}
</script>

<style scoped>

</style>
